<template>
    <view class="fixed-button">
        <view class="fixed-button-content padding-md border-radius-md">
            <uv-button class="margin-md" type="primary" :loading="isLoading" :text="buttonText"
                @click="onTap"></uv-button>
        </view>
        <view class="fixed-button-temp padding-md">
            <view style="height: 40px;"></view>
        </view>
    </view>

</template>
<script lang="ts" setup>

defineProps({
    buttonText: {
        type: String,
        default: '提交'
    },
    isLoading: {
        type: Boolean,
        default: false
    }
})

const emit = defineEmits(['on-tap'])

function onTap() {
    emit('on-tap')
}
</script>
<style lang="scss" scoped>
.fixed-button {
    &-content {
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 10;
    }
}
</style>